<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="email=no">
    <title>选择接收人</title>
    <link rel="stylesheet" href="../lib/weui.css">
    <link href="http://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/global.css">
    <link rel="stylesheet" href="../css/chooseReceiver.css">
</head>
<script type="text/javascript">
    (function() {
        var newRem = function() {
            var html = document.documentElement;
            html.style.fontSize = html.getBoundingClientRect().width / 10 + 'px';
            console.log(html.style.fontSize);
        };
        window.addEventListener('resize', newRem, false);
        newRem();
    })();
</script>
<script src="../lib/jquery.min.js"></script>
<script src="../lib/weui.min.js"></script>
<script src="../js/global.js"></script>
<script src="../js/chooseReceiver.js"></script>
<body ontouchstart>
<div class="page">
    <!--搜索框-->
    <div class="weui-search-bar" id="searchBar">
        <form class="weui-search-bar__form">
            <div class="weui-search-bar__box">
                <i class="weui-icon-search"></i>
                <input type="search" class="weui-search-bar__input" placeholder="搜索" required="">
                <a href="javascript:" class="weui-icon-clear"></a>
            </div>
            <label class="weui-search-bar__label">
                <i class="weui-icon-search"></i>
                <span>搜索</span>
            </label>
        </form>
        <a href="javascript:" class="weui-search-bar__cancel-btn">取消</a>
    </div>
    <!--content-->
    <div class="weui-cells weui-cells_checkbox content-box">
        <label class="weui-cell weui-check__label choose-item">
            <div class="weui-cell__hd">
                <input type="checkbox" id="selectFirstAllBtn" class="weui-check" onchange="selectFirstAll(this)">
                <i class="weui-icon-checked"></i>
            </div>
            <div class="weui-cell__bd">
                <p>全选</p>
            </div>
        </label>
        <div class="mid-block"></div>
        <div class="weui-flex choose-item">
            <label class="weui-cell weui-check__label left-item-block weui-flex__item">
                <div class="weui-cell__hd">
                    <input type="checkbox" name="firstCheckbox" class="weui-check">
                    <i class="weui-icon-checked"></i>
                </div>
                <div class="weui-cell__bd">
                    <p class="bor-bot10">系统高速指挥部<span class="pad-left10">(31人)</span></p>
                </div>
                <span></span>
            </label>
            <div class="right-item-img ">
                <img src="../images/state.png" alt="">
            </div>
        </div>
        <div class="weui-flex choose-item">
            <label class="weui-cell weui-check__label left-item-block weui-flex__item">
                <div class="weui-cell__hd">
                    <input type="checkbox" name="firstCheckbox" class="weui-check">
                    <i class="weui-icon-checked"></i>
                </div>
                <div class="weui-cell__bd">
                    <p class="bor-bot10">RD-1<span class="pad-left10">(31人)</span></p>
                </div>
                <span></span>
            </label>
            <div class="right-item-img">
                <img src="../images/state.png" alt="">
            </div>
        </div>
        <div class="weui-flex choose-item">
            <label class="weui-cell weui-check__label left-item-block weui-flex__item">
                <div class="weui-cell__hd">
                    <input type="checkbox" name="firstCheckbox" class="weui-check">
                    <i class="weui-icon-checked"></i>
                </div>
                <div class="weui-cell__bd">
                    <p class="bor-bot10">RD-1<span class="pad-left10">(31人)</span></p>
                </div>
                <span></span>
            </label>
            <div class="right-item-img">
                <img src="../images/state.png" alt="">
            </div>
        </div>
        <div class="weui-flex fixed-bottom">
            <div class="selected-human weui-flex__item">已选择：<span id="selectAllNum">0</span>人</div>
            <div class="weui-flex__item" id="view-selected"><a href="javascript:;" class="weui-btn  selected">查看已选</a></div>
            <div class="weui-flex__item" id="submitContent"><a href="javascript:;" class="weui-btn  confirm">确定</a></div>
        </div>
    </div>
</div>
</body>
<script>
    weui.searchBar('#searchBar');
</script>
</html>